<!DOCTYPE html>
<html>
        <head>
                <title>Fancy Navigation Menu with Jquery Widget Code Generator For Blogger by Making Different</title>
                <style type="text/css">
.input-text,.text-input, .select-box{
        margin:0 2px;
        padding:4px 6px;
        border: 1px solid #000000;

        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-family: gergia;
        font-style: italic;

        -webkit-box-shadow: 1px 1px 1px #dfdfdf;
        -moz-box-shadow: 1px 1px 1px #dfdfdf;
        box-shadow: 1px 1px 1px #dfdfdf;
        font-size: 14px;
        color: #666;
        max-width:auto;
}

.textarea-box, .textareaBox{
        border:1px solid #000;
        padding:6px;
        -webkit-resize: none;
        -moz-resize: none;
        resize: none;
        -webkit-box-shadow: 1px 1px 1px #dfdfdf;
        -moz-box-shadow: 1px 1px 1px #dfdfdf;
        box-shadow: 1px 1px 1px #dfdfdf;
       
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
}
.textareaBox{
        display:block;
        width:90%;
        padding:10px;
        max-width:98%;
        margin:20px auto;
        max-height:600px;
        min-height:300px;
}
                        body { margin: 0;padding: 0;text-align: left;font-size:14px;}                 
                        #content-wrapper { width: 98%; max-widtd:980px;  margin: 0 auto;  padding: 5px;  text-align: left;
background:#666666;
border:2px solid #CCCCCC;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
                        #content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color:#333333;font-size:16px;color:#fff;border:1px solid #111;

}
                        .redi{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
                </style>
                <script type="text/javascript">
                eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('e 1k(){l 4=8.c("d-X")[0].2;l 14=8.c("d-j")[0].10;l 3=8.c("d-Y")[0];3.2=\'\\<w r=\\\'h/1j\\\'\\>\';3.2+=\'/* E F z D A G W 1i.f.9 */\';3.2+=\'\\n#\'+4+\' 1g{1h:y}\';3.2+=\'\\n#\'+4+\' 6{k: M("v://1.N.f.9/-L/K/I/J-O/P/%U.s.f.9%T.H") S-x 1l 0 0 1m;Q: R%;B: 0;u: 0;1r-w: y;t: g;1q-1p: 1.1n;}\';3.2+=\'\\n#\'+4+\' 6 7{B: 0;u: 0;1f: 1o;t: g;       p:1s;}\';3.2+=\'\\n#\'+4+\' 6 7 a, #\'+4+\' 6 7 b { u: 1a q;t:g;h-1c:y;V: #1b;k: M(v://1.N.f.9/-L/K/I/J-O/P/%U.s.f.9%T.H) S-x;h-1I: 1H;1L: 1K;Q: R%;p: q;1N-p: q;}\';3.2+=\'\\n#\'+4+\' 6 7 a{ V: #1w;k-C: g 1v;}\';3.2+=\'\\n#\'+4+\' 6 7 b{ k-C: g 1z;}\';3.2+=\'/* E F z D A G W s.f.9 */\';3.2+=\'\\n\\</w\\>\';1E(14){}1A{3.2+=\'\\n\\<o r=\\"h/Z\\" 1B=\\"v://17.1C.9/17/1D/j/1.5.1/j.1y.1u\\"\\>\\</o\\>\'}3.2+=\'\\n\\<o r=\\"h/Z\\"\\>\';3.2+=\'\\n$(8).1x(e(){$(\\"#\'+4+\' 6 7\\").1F(\\"\\<b\\>\\</b\\>\\");$(\\"#\'+4+\' 6 7\\").1G(e(){l 12=$(m).i(\\"a\\").13();$(m).i(\\"b\\").1M().13(12)});$(\\"#\'+4+\' 6 7\\").1J(e(){$(m).i(\\"b\\").16().15({11:\\"-1t\\"},18)},e(){$(m).i(\\"b\\").16().15({11:\\"0\\"},18)})});\';3.2+=\'\\n\\</o\\>\'}e 1e(){8.c("d-X")[0].2=\'1d\';8.c("d-j")[0].10=19;8.c("d-Y")[0].2=\'\'}',62,112,'||value|mdtextbox|mdlinkid||ul|li|document|com||span|getElementsByName|md|function|blogspot|left|text|find|jquery|background|var|this||script|height|20px|type|gj37765|float|padding|http|style||none|Menu|For|margin|position|Widget|Fancy|Navigation|Blogger|gif|AAAAAAAACf0|TmM9rXBY|TyKEJO8j99I|U2u5yuRA69g|url|bp|o8|s1600|width|100|repeat|5Dfancymenubg|5Bwww|color|by|linklistid|tbox|javascript|checked|marginTop|linkText|html|mdjquery|animate|stop|ajax|250|true|10px|fff|decoration|Linklist2|makingdifferentcodereset|overflow|h2|display|Gj37765|css|makingdifferentcodegen|scroll|transparent|1em|hidden|size|font|list|40px|40|js|bottom|555|ready|min|top|else|src|googleapis|libs|if|prepend|each|uppercase|transform|hover|both|clear|show|line'.split('|'),0,{}))

                </script>
                <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
                <script type="text/javascript" src="http://www.steamdev.com/zclip/js/jquery.zclip.min.js"></script>

                <script type='text/javascript'>
                //<!--
                        $(document).ready(function(){
                                                $("#md-c2cb").zclip({
                                                path: "http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf",
                                                copy: function(){
                                                                         return $('#md-copy').val();
                                                }
                                                });
                        });
                //-->
                </script>
        </head>
        <body>
                <div id='content-wrapper'>
                        <h2 class='redi'>Fancy Navigation Menu with Jquery Blogger Widget Code Generator</h2>
                        <fieldset class='redi' style='border:1px solid #999999;'><legend class='redi' align='left' style='border:1px solid #7F9DB9;padding:3px 10px;margin-left:20px;'></legend>
                                <table width="100%">

                                        <tr>
                                                <td width='60%'><label for='md-linklistid'>Your Linklist ID </label></td> <td>: <input class='text-input' type='text' id='md-linklistid' name='md-linklistid' value='Linklist2' size='16' style='font-size:18px;' />  </td>
                                        </tr>
                                        <tr height='20'></tr>
                                        <tr>
                                                <td><label for='md-jquery'>Do You Have jQuery Plugin in Your Blog?</label></td><td>: <label><input type='radio' id='w2b-jquery' name='md-jquery' checked='checked' value='yes'> Yes</label> <label><input type='radio' id='md-jquery' name='md-jquery' value='no'> No</label></td>

                                        </tr>
                                </table><br>
                                <table width="100%">
                                        <tr>
                                                <td width="100%" align='center'><input style='padding:0 40px;font-weight:bold;font-size:16px;' type='button' value='Get Code' onclick='javascript:makingdifferentcodegen();' /> <input type='button' style='padding:0 30px;font-size:16px;' value='Reset' onclick='javascript:makingdifferentcodereset();' /></td>
                                        </tr>
                                        <tr height='10'></tr>
                                        <tr>

                                                <td width="100%" align='center'>
                                                        <div id='harish'>
               
                                                                <textarea class='textareaBox' id='md-copy' name='md-tbox' class='redi' onclick="this.select()" readonly='readonly' style='overflow:hidden;background:#fff;width:98%;height:200px;margin:0 0 10px;'></textarea>
                                                        </div>
                                                </td>
                                        </tr>
                                </table>
                        </fieldset>
                        <center style='font-size:13px;'> Copyright@ U<a href='http://blugublog.blogspot.com/'>widget</a></center>

        </body>
</html>
